<template>
    <el-page-header @back="goBack">
        <template #content>
            <div class="flex items-center" style="display: flex;align-items: center;margin-bottom: 5px;">
                <!-- <el-avatar :size="32" class="mr-3"
                    src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" /> -->
                <span class="text-large font-600 mr-3">设备编号 {{ carbon.item.ecode }}
                </span>
            </div>
        </template>
    </el-page-header>
</template>
<script lang="ts" setup>
import { ref, onUnmounted, onMounted, provide, toRaw } from "vue";
import { useRouter, useRoute } from "vue-router";
import { useCarbon } from "@/store/backend/EquipM/activeCarbon"

const router = useRouter();
const route = useRoute();
const carbon = useCarbon();

const statusColor = ref("");
//后退
const goBack = () => {
    router.back();
};
//持续在单个设备详情页面实时获取数据进行更新
onMounted(() => {
    carbon.$patch((state) => {
        state.loading = false;
    });
});
</script>
<style lang="scss" scoped>

</style>
  